@import "compass/css3";
@import "compass/reset";
.clearfix{
    *zoom:1;
    &:after{
        content:"";
        display:block;
        clear: both;
    }
}
html{
    background:#F8F9F9;
    font-family:"Microsoft YaHei";
    color:#333;
    font-size:15px;
}
.show{
    display:block;
}
.hide{
    display:none;
}
.show-inline{
    @include inline-block;
}

.container{
    width: 1000px;
    margin: 0 auto;
    *zoom:1;
    &::before,&::after{
        content: '';
        display: table;
        line-height: 0;
    }
    &::after{
        clear: both;
    }
    @for $i from 0 to 12{
        .pc-span#{$i+1}{
            width: 8.3333333333% * ($i+1);
            float: left;
            *zoom:1;
            &::before,&::after{
                content: '';
                display: table;
                line-height: 0;
            }
            &::after{
                clear: both;
            }
        }
    }
    @for $i from 0 to 12{
        .pc-span-offset#{$i+1}{
            margin-left: 8.3333333333% * ($i+1);
            float: left;
        }
    }
}
@for $i from 1 to 10{
    .span#{$i}{
        width: 10% * $i;
        float: left;
    }
}
//form
input[type='submit'],
input[type='button']{
    width:100px;
    height:25px;
    border:0;
    outline:0;
    font-family: "Microsoft YaHei";
    font-size:14px;
    letter-spacing: 6px;
    text-indent: 6px;
    @include border-radius(3px);
    @include box-shadow(0 1px 0 #999);
    &:active{
        @include box-shadow(0 3px 0 #666);
    }
}